<style type="text/css">
    #cloudProject{
        width: 100%;
      /*  border:1px solid red;*/
    }
    .cloudProject{
        width: 100%;
    }
    .cloudProject-list{
        width: 50%;
        height: 3.7rem;
        float: left;
        text-align: center;
        padding: .2rem;
        box-sizing: border-box;
        border-bottom:1px solid #eee ;
        box-shadow: 0 1px 1px #e8e8e8;
    }
    .cloudProject-list:nth-of-type(odd){
        border-right:1px solid #eee ;
    }
    .cloudProject-list img{
        width: 80%;
        margin-left: 10%;
    }
    .cloudProject-list h4{
        font-size: .18rem;
        font-weight: bold;
        margin: .12rem 0;
    }
    .cloudProject-list p{
        font-size: .16rem;
        height: .24rem;
        line-height: .24rem;
    }
    .cloudProject-list p span:first-of-type{
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        color: #999999;
    }
    .cloudProject-list p span:last-of-type{
        width: 30%;
        display: inline-block;
        vertical-align: top;
        background-color: #0068b7;
        border-radius: .05rem;
        color: #FFFFFF;
    }
</style>
<div id="cloudProject">
    <ul class="cloudProject">
       <!-- <li class="cloudProject-list">
            <img src="../../../images/img/cloudProject-1.png" alt="">
            <h4>东旺路（锡沙路～东政路）<br/>改建工程施工项目招标公告</h4>
            <p><span>本工程位于无锡市锡山区东北塘...</span><span>智慧交通</span></p>
        </li>
        <li class="cloudProject-list">
            <img src="../../../images/img/cloudProject-2.png" alt="">
            <h4>市财政局采管处与市采购中心联合<br/>召开2017年度第一次业务联席会</h4>
            <p><span>随着智能手机、pad等轻薄便携...</span><span>大数据</span></p>
        </li>-->
    </ul>
</div>

